<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        
        // class Point2 {
        //     // 类的构造函数 - 给新创建的对象添加属性
        //     constructor() {
        //         this.x = 1;
        //         this.y = 2;
        //         this.state = { msg: 111 };
        //     }
        //     // 类的原型上的方法
        //     toString() {
        //         return `(${this.x},${this.y})`;
        //     }
        // }


        class Point2 {
            // 给新对象添加属性
            x = 1;
            y = 2;
            state = { msg: 111 };

            // 类的原型上的方法
            toString() {
                return `(${this.x},${this.y})`;
            }
        }

        const p2 = new Point2();
        console.log(p2);

        // 小结：
        // 如果类的构造函数不涉及到参数的传递，可以省略掉 constructor 和 this.xxx
        


    </script>
</body>

</html>